<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML语义化</title>
</head>
<body>
    <!-- 网页信息头部 -->
    <header>
        <h1>网页标题或logo</h1>
    </header>
    <!-- 网页导航信息 -->
    <nav>
        <ul>
            <li><a href="../index.html">首页</a></li>
            <li><a href="#">概况</a></li>
            <li><a href="#">关于</a></li>
        </ul>
    </nav>

    
<!-- 无具体语言，非常适合阅读模式 -->
   <main>
       <!-- 有意义的独立信息区域 -->
        <article>
            <header>
                <h1>标题</h1>
                <h2>副标题</h2>
            </header>
            <!-- 信息内容的不同区域 -->
            <section>
                作者，发表时间，阅读次数等信息
            </section>
            <section>主要内容</section>
            <section>
                <p>发表讨论</p>
                <article>
                    <h3>发表评论</h3>
                    <p>实在</p>
                </article>
                <article>
                    <h3>发表评论</h3>
                    <p>很好</p>
                </article>
            </section>
            <footer>
                简介
            </footer>


        </article>
        <!-- 独立相关内容 -->
        <aside>
            当前新闻相关的其他新闻内容
            <!-- 内联文本相关标签 -->
            <hr>
            <abbr title="万维网">WWW</abbr>
            <dfn>定义术语</dfn><br>
            <mark>高亮标签</mark><br>
            <code>int i;</code><br>
            <samll>相关</samll>
            <!-- intput新增类型 -->
            <intput type="color" name="" id="">
            <intput type="email" name="" id="">
            <intput type="tel" name="" id="">
            <intput type="url" name="" id="">
            <intput type="date" name="" id="">
            <intput type="month" name="" id="">
            <intput type="week" name="" id="">
            <intput type="time" name="" id="">

            <hr>
        </aside>
   </main>
       <!-- 网页信息底部 -->
    <footer>
       <p>页面底部</p>
       <!-- 指明为地址信息 -->
       <address>地址：江西省九江市濂溪区</address>
   </footer>



</body>
</html>